import {
  message,
  Modal
} from 'ant-design-vue'
import util from '@/libs/util.js'
import System from '@/api/modules/system'
import router from '@/router/index'
export default {
  namespaced: true,
  actions: {
    /**
     * @description 登录
     * @param {Object} context
     * @param {Object} payload username {String} 用户账号
     * @param {Object} payload password {String} 密码
     * @param {Object} payload route {Object} 登录成功后定向的路由对象 任何 vue-router 支持的格式
     */
    async login({
      dispatch,
    }, form) {
      // 设置 cookie 一定要存 uuid 和 token 两个 cookie
      // 整个系统依赖这两个数据进行校验和存储
      // uuid 是用户身份唯一标识 用户注册的时候确定 并且不可改变 不可重复
      // token 代表用户当前登录状态 建议在网络请求中携带 token
      // 如有必要 token 需要定时更新，默认保存一天

      // 此处需要调用登录api
      // const res = await System.userLogin({
      //   username: form.username,
      //   password: form.password,
      //   code: ""
      // })

      const res = {
        info: {
          id: 1,
          name: 'admin'
        },
        token: 'token'
      }

      util.cookies.set('uuid', res.info.id)
      util.cookies.set('token', res.token)

      // 设置 vuex 用户信息
      await dispatch('user/set', {
        name: res.info.name,
        token: res.token,
      }, {
        root: true
      })
      // 用户登录后从持久化数据加载一系列的设置
      await dispatch('load')
    },


    /**
     * @description 注销用户并返回登录页面
     * @param {Object} context
     * @param {Object} payload confirm {Boolean} 是否需要确认
     */
    logout({
      commit,
      dispatch
    }, {
      confirm = false
    } = {}) {
      /**
       * @description 注销
       */
      async function logout() {
        // 删除cookie
        util.cookies.remove('token')
        util.cookies.remove('uuid')
        // 清空 vuex 用户信息
        await dispatch('user/set', {}, {
          root: true
        })
        // 跳转路由
        router.push({
          name: 'login'
        })

      }

      // 判断是否需要确认
      if (confirm) {
        Modal.confirm({
          content: '确定要退出当前用户吗',
          title: '退出登录',
          okText: '登 出',
          cancelText: '取 消',
          onOk() {
            return new Promise((resolve, reject) => {
              logout()
              resolve()
            }).catch(() => { })
          },
          onCancel() {
            return new Promise((resolve, reject) => {
              message.info('取消退出操作')
              resolve()
            }).catch(() => { })
          }
        })
      } else {
        logout()
      }
    },
    /**
     * @description 用户登录后从持久化数据加载一系列的设置
     * @param {Object} context
     */
    async load({
      dispatch
    }) {
      // 加载用户名
      await dispatch('user/load', null, {
        root: true
      })

      // 持久化数据加载侧边栏配置
      await dispatch('menu/asideLoad', null, {
        root: true
      })
    }
  }
}